<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>03门诊服务_找科室挂号_下级</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../common/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../common/css/style.css"/>
	</head>

	<body>
		<div class="container">
			<div class="mui-content mui-row mui-fullscreen">
					<div class="mui-col-xs-3">
						<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
							<a class="mui-control-item mui-active" href="#content1">消化疾病中心联 合门诊</a>
							<a class="mui-control-item" href="#content2">多学科联合门诊</a>
							<a class="mui-control-item" href="#content3">内科</a>
							<a class="mui-control-item" href="#content4">外科</a>
							<a class="mui-control-item" href="#content5">肿瘤科</a>
							<a class="mui-control-item" href="#content6">妇产科</a>
							<a class="mui-control-item" href="#content7">生殖医学中心</a>
							<a class="mui-control-item" href="#content8">儿科</a>
							<a class="mui-control-item" href="#content9">脑系科</a>
						</div>
					</div>
					<div id="segmentedControlContents" class="mui-col-xs-9" style="border-left: 1px solid #c8c7cc;">
						<div id="content1" class="mui-control-content mui-active">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">
									<ul class="mui-table-view">
									    <li class="mui-table-view-cell mui-collapse">
									        <a class="mui-navigate-right" href="#">消化内科</a>
									        <div class="mui-collapse-content">
									         	<a class="mui-collapse-content mui-collapse-content-a">消内-粪菌移植门诊 </a>
									        </div>
									    </li>
									     <li class="mui-table-view-cell mui-collapse">
									        <a class="mui-navigate-right" href="#">消化内科</a>
									        <div class="mui-collapse-content">
									         	<a class="mui-collapse-content mui-collapse-content-a">消内-粪菌移植门诊 </a>
									        </div>
									    </li>
							
									</ul>
								</li>
							</ul>
						</div>
						<div id="content2" class="mui-control-content">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">第2个选项卡子项-18</li>
							</ul>
						</div>
						<div id="content3" class="mui-control-content">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">第3个选项卡子项-18</li>
							</ul>
						</div>
						<div id="content4" class="mui-control-content">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">第4个选项卡子项-18</li>
							</ul>
						</div>
						<div id="content5" class="mui-control-content">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">第5个选项卡子项-18</li>
							</ul>
						</div>
						<div id="content6" class="mui-control-content">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">第6个选项卡子项-18</li>
							</ul>
						</div>
					</div>
			</div>
		</div>
		<script src="../../common/js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>